<template>
  <div class="home">
    <Head></Head>
    <Map></Map>
    <div class="home_search">
      <router-link to="/home/domestic" class="search_left"
        >国内租车</router-link
      >
      <router-link to="/home/foreign" class="search_right"
        >境外租车</router-link
      >
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import Head from "../components/Home/Head";
// import Map_ from '../components/Home/Home_map';
import Map from "../components/Home/map";
export default {
  props: {},
  data() {
    return {};
  },
  methods: {},
  components: {
    Head,
    Map,
    // Map_,
  },
};
</script>

<style scoped lang="less">
.home {
  // position: relative;
  height: 100%;
  font-size: 0.28rem;
  .home_search {
    position: absolute;
    z-index: 160;
    width: 100%;
    top: 6.6rem;
    & > a {
      position: absolute;
      width: 50%;
      height: 0.84rem;
      line-height: 0.84rem;
      border-top: 1px solid #cbd7e1;
      text-align: center;
      color: #999999;
      background-color: #f5f5f5;
    }
    .search_left {
      left: 0;
      top: 0;
      border-top-left-radius: 0.36rem;
      border-bottom-right-radius: 0.36rem;
    }
    .search_right {
      right: 0;
      top: 0;
      border-top-right-radius: 0.36rem;
      border-bottom-left-radius: 0.36rem;
    }
    // .choosed_left {
    //   top: -0.26rem;
    //   color: #403f3f;
    //   font-weight: 700;
    //   border-top-right-radius: 0.16rem;
    //   border-bottom-right-radius: 0;
    //   background-color: #fff;
    // }
    // .choosed_right {
    //   top: -0.26rem;
    //   color: #403f3f;
    //   font-weight: 700;
    //   border-top-left-radius: 0.16rem;
    //   background-color: #fff;
    // }
    .router-link-active {
      top: -0.26rem;
      color: #403f3f;
      font-weight: 700;
      border-top-left-radius: 0.16rem;
      border-top-right-radius: 0.16rem;
      border-bottom-right-radius: 0;
      border-top: 0;
      background-color: #fff;
    }
    & > div {
      position: absolute;
      top: 0.8rem;
    }
  }
}
</style>
